<div class="panel panel-default">
    <div class="panel-heading" role="tab" id="heading{{id}}">
        <h4 class="panel-title">
            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{id}}" aria-expanded="false" class="collapsed" aria-controls="collapse{{id}}" style="color: #555555;">
                {{disName}}
                <span class="glyphicon glyphicon-triangle-top"></span>
            </a>
            <span class="glyphicon glyphicon-trash" onclick="removeThisItem(event)" style="float: right;margin-top: 13px;color: #9195A3;cursor: pointer;font-size: 14px;" title="删除此项"></span>
        </h4>
    </div>

    <div id="collapse{{id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{id}}">
        <div class="panel-body" data-index="{{id}}">

            <div class="img-input-box">
                <label class="input-left" style="vertical-align: top;margin-top: 5px;">图片</label>
                <!-- <input type="text" class="inp555556ut-right" placeholder="选择图片"> -->
                <style>
                    .form-control[name='class_icon']{
                        display: none;
                    }
                    select.input-right{
                        padding: 0;
                        background: none !important;
                        -webkit-appearance: menulist-button;
                    }
                    .input-right-box{
                        margin-bottom: 10px;
                        margin-left: 10px;
                        text-align: left;
                        width: 180px;
                    }
                    .input-right-box .input-group-btn{
                        display: inline-block;
                    }
                </style>
                <div class="input-right-box" style="display: inline-block;">

                    <div class="input-group">
                        <input type="text" name="class-icon" value="" class="form-control image-input" autocomplete="off" style="display: none;">
                        <span class="input-group-btn">
                                <button class="btn btn-primary" type="button" onclick="showImageDialog(this);">选择图片</button>
                            </span>
                    </div>
                    <div class="input-group" style="margin-top:.5em;">
                        <img src="../addons/hs_cars/static/images/901445378275168182.png" onerror="this.src='../addons/hs_cars/static/images/901445378275168182.png'; this.title='图片未找到.'" class="img-responsive img-thumbnail image-show" width="150" />
                        <em class="close" style="position:absolute; top: 0px; right: -14px;" title="删除这张图片" onclick="deleteImage(this)">×</em>
                    </div>
                </div>
            </div>
            <div class="word-input-box">
                <label class="input-left">文字</label>
                <input type="text" class="input-right word-input" placeholder="输入文字">
            </div>
            <div class="nav-input-box">
                <label class="input-left">导航</label>
                <!--<input type="text" class="" id="exampleInputName3" placeholder="Jane Doe">-->
                <select name="select" class="input-right nav-input" >
                    <option>无</option>
                    <option>2</option>
                    <option>3</option>
                    <option>0</option>
                </select>
            </div>

        </div>
    </div>
</div>

